@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f3f3f3; font-family: verdana,arial,sans-serif; font-size: 12px;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:985px; margin:0 auto;}

/********** header **********/
.header { background:url(../images/header_bg.gif) top repeat-x; padding:0; margin:0 auto; height:140px; }

.block_header {margin:0 auto; width:993px; padding:0; border:none;}
/* logo */
.logo { float:left; padding:0; margin:0; width:175px;}
.connection { width:300px; float:right; text-align:right; font: normal 12px verdana, arial, sans-serif; color:#8a8a8a; padding:5px 0 0 0; margin:0;}
.connection img { float:right; margin:0 3px; padding:0;}
.connection a { color:#20acc8; text-decoration:none;}

/* search */
.search { padding:0 0 0 0; margin:20px 0 0 0; float:right; clear:right; }
.search form { display:block; float:left; padding:5px 0;}
.search span { display:block; float:left; background:#fff; width:149px; padding:0 5px;}
.search form .keywords { font:normal 14px verdana, arial, sans-serif; color:#9c9c9c; line-height:14px; float:left; border:0; width:149px; padding:8px 0; height:14px; background:none; margin:0;}
.search form .button { float:right; margin:0; padding:0;}

/* menu */	
.menu { float:left; padding:2px 0 0 0; margin:0;}
.menu ul { text-align:right; padding:0; margin:0; list-style:none; border:0;}
.menu ul li { text-align:left; float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; border-right:1px solid #464646; padding:13px 10px 11px 10px; color:#fffefe; font:bold 14px verdana, arial, sans-serif; text-decoration:none;}
.menu ul li a:hover {padding:13px 10px 11px 10px; background:url(../images/hover.gif) top repeat-x; }
.menu ul li ul {display:none; border:none;}

.menu ul li:hover {position:relative;} /*Sylvain IE hack*/
.menu ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:40px; margin-top:0.1em; left:0;}
.menu ul li:hover ul li a {white-space:normal; background:url(../images/button_bg.gif) top repeat-x; display:block; width:10.0em; height:auto; float:left; margin:0; border-right:1px solid #464646; padding:13px 10px 11px 10px; color:#fffefe; font:bold 14px verdana, arial, sans-serif; text-decoration:none;} /*Color subcells normal mode*/
.menu ul li:hover ul li a:hover {padding:13px 10px 11px 10px; background:url(../images/hover.gif) top repeat-x;} 

.menur { float:right; padding:2px 0 0 0; margin:0;}
.menur ul { text-align:right; padding:0; margin:0; list-style:none; border:0;}
.menur ul li { text-align:left; float:left; margin:0; padding:0; border:0;}
.menur ul li a { float:left; margin:0; border-right:1px solid #464646; padding:13px 10px 11px 10px; color:#fffefe; font:bold 14px verdana, arial, sans-serif; text-decoration:none;}
.menur ul li a:hover {padding:13px 10px 11px 10px; background:url(../images/hover.gif) top repeat-x; }
.menur ul li ul {display:none; border:none;}

.menur ul li:hover {position:relative;} /*Sylvain IE hack*/
.menur ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:40px; margin-top:0.1em; left:0;}
.menur ul li:hover ul li a {white-space:normal; background:url(../images/button_bg.gif) top repeat-x; display:block; width:10.0em; height:auto; float:left; margin:0; border-right:1px solid #464646; padding:13px 10px 11px 10px; color:#fffefe; font:bold 14px verdana, arial, sans-serif; text-decoration:none;} /*Color subcells normal mode*/
.menur ul li:hover ul li a:hover {padding:13px 10px 11px 10px; background:url(../images/hover.gif) top repeat-x;} 

/*.accord_top_resize */
.accord_top_resize { width:990px; margin:0 auto; padding:0;}
.accord_top_resize h2 { font: bold 36px verdana, arial, sans-serif; color:#fff; padding:10px 20px; margin:0; text-transform:uppercase;}

/* blog_body 
.blog_body_resize { border-bottom:1px solid #c4c4c4; border-top:1px solid #c4c4c4; background:#f8f8f8;}
.blog_body { width:953px; margin:0 auto; padding:10px 20px;}
.blog_body img { float:left; margin:5px 20px 5px 0; padding:0;}
.blog_body p { font: normal 14px verdana, arial, sans-serif; color:#717171; padding:5px 0 0 0; margin:0; line-height:1.5em;}
.blog_body a { float:right; color:#22a0b8; font-weight:bold; text-decoration:none;}*/

/********** block index **********/
.body {padding:0 0 30px 0; margin:0; background:#f2f2f2; }
.left  { width:633px; float:left; margin:0; padding:10px 20px;} 
.right  { width:280px; float:right; margin:0; padding:10px 20px;} 
.full  { margin:0; padding:0 20px;} 
.port { width:301px; float:left; padding:10px 20px 10px 0; margin:0;}
.port.last { padding:10px 0;}
/*************footer**********/
.footer {padding:0;  margin:0 auto; border-top:1px solid #d7d7d7; background:#e9e9e9; }
.footer_resize { margin:0 auto; padding:20px; width:953px; }
.footer p { font:normal 12px  verdana, arial, sans-serif; color:#565656;}
.footer a { font:normal 12px verdana, arial, sans-serif; color:#565656; text-decoration:underline; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:370px; margin:0; padding:15px 0 0 0; float:left;} 
.footer p.right { text-align:right; width:370px; margin:0; padding:15px 0 0 0; float:right;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d7d7d7; padding:0; margin:10px 0; background:none; line-height:0;}
/********** slider **********/
.accord_top { padding:10px 0; margin:0; background:#cdcdcd;}
.bottom_left_rounded_corner { background: transparent url(../images/rounded.png) no-repeat left bottom; }
.bottom_right_rounded_corner { background: transparent url(../images/rounded.png) no-repeat right bottom; }

p { padding: 0.5em 0; }
div#loginAjax {width: 300px}
body .accord_top #main .noborder,
body #footerwrap #footer .noborder { border:none; padding:0; }
.small_block { font-size: 0.9em; line-height: 1.4em; clear:both; }
.entry ol li { list-style-position:inside; list-style-type:decimal; }
pre { background-color:#FEFEFE; border:1px solid #DDDDDD; color:#333333; display:block; font-family:"Courier New", Courier, monospace; font-size:12px; overflow:auto; padding:10px; width:90%; }

#slider {
	width:827px;
	height:750px;
	position:relative;
	margin: 0 auto 0 auto;
}

/*
	Slideshow
 */

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
 */

.slides_container {
	width:827px;
	overflow:hidden;
	position:relative;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
 */

.slides_container a {
	width:827px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
 */

#slides .next,#slides .prev {
	position:absolute;
	top:240px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:827px;
}

/*
	Pagination
 */

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:10px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:827px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}
